$(function () {
    // 设置一个全局变量，将来筛选和分页都可以使用这个值！
    let q = {
        pagenum: 1,	    // 是	int	页码值
        pagesize: 20,	// 是	int	每页显示多少条数据
        cate_id: "",	// 否	string	文章分类的 Id
        state: "",  	// 否	string	文章的状态，可选值有：已发布、草稿
    }

    // 需求1: 初始化文章列表;
    //   未来还要用，封装成函数！
    initArticleList();
    function initArticleList() {
        axios({
            method: 'GET',
            url: '/my/article/list',
            params: q
        }).then(res => {
            // console.log(res.data);
            if (res.data.status != 0) {
                return layer.msg(res.data.message);
            }
            // 渲染
            let arr = [];
            res.data.data.forEach(ele => {
                arr.push(`
                    <tr>
                        <td>${ele.title }</td>
                        <td>${ele.cate_name }</td>
                        <td>${dateFormat(ele.pub_date) }</td>
                        <td>${ele.state }</td>
                        <td>
                            <button class="layui-btn layui-btn-xs layui-btn-danger">删除</button>
                            <button class="layui-btn layui-btn-xs">修改</button>
                        </td>
                    </tr>
                `);
            });
            // 赋值
            $("tbody").empty().html(arr.join(''));
        });
    }

    // 需求2: 初始化文章分类列表
    let form = layui.form;
    initArtCateList();
    function initArtCateList() {
        // 发送ajax
        axios({
            method: 'GET',
            url: '/my/article/cates'
        }).then(res => {
            if (res.data.status != 0) {
                return layer.msg(res.data.message);
            }
            // 初始化
            let arr = ['<option value="">请选择文章类别</option>'];
            res.data.data.forEach(ele => {
                arr.push(`<option value="${ele.Id}">${ele.name}</option>`);
            });
            // 循环完毕后，在渲染
            $("[name=cate_id]").empty().html(arr.join(''));
            form.render();
        });
    }

    // 需求3: 筛选
    $("#searchForm").on('submit', function (e) {
        e.preventDefault();
        // 修改 q 对象中的值
        q.cate_id = $('[name=cate_id]').val();
        q.state = $('[name=state]').val();
        // 然后重新渲染文章列表！
        initArticleList();
    })





});